{% extends "base.html" %}

{% block body %}

<div style="position:absolute; left: 308px; top: 123px; left">
  <p>Bienvenido <strong>{{ request.user.nombreParaJugar }}</strong><br/>
    ¿Que desea hacer?
  </p>
</div>

<div style="position:absolute; left: 305px; top: 170px;">
  <h6><a href="http://127.0.0.1:8000/crearpartida"
     style="background:transparent url('{{ STATIC_URL }}crearpartida.png') no-repeat right top; width:413px; height:55px; display: block;"
     onmouseout="this.style.backgroundPosition='right top';"
     onclick="this.style.backgroundPosition='center top';"
     onmouseover="this.style.backgroundPosition='left top';">


    </a>&nbsp;


    <a href="/unirse"
     style="background:transparent url('{{ STATIC_URL }}unirse.png') no-repeat right top; width:413px; height:55px; display: block;"
     onmouseout="this.style.backgroundPosition='right top';"
     onclick="this.style.backgroundPosition='center top';"
     onmouseover="this.style.backgroundPosition='left top';">


    </a>&nbsp;

    {% if request.user.is_staff %}
    <a href="/crearmapa"
     style="background:transparent url('{{ STATIC_URL }}crearmapa.png') no-repeat right top; width:413px; height:55px; display: block;"
     onmouseout="this.style.backgroundPosition='right top';"
     onclick="this.style.backgroundPosition='center top';"
     onmouseover="this.style.backgroundPosition='left top';">
     {% endif %}

    </a>&nbsp;

    {% if request.user.is_staff %}
    <a href="/editarmapa"
     style="background:transparent url('{{ STATIC_URL }}editarmapa.png') no-repeat right top; width:413px; height:55px; display: block;"
     onmouseout="this.style.backgroundPosition='right top';"
     onclick="this.style.backgroundPosition='center top';"
     onmouseover="this.style.backgroundPosition='left top';">
     {% endif %}

    </a>&nbsp;



    <a href="/reglamento"
     style="background:transparent url('{{ STATIC_URL }}reglamento.png') no-repeat right top; width:413px; height:55px; display: block;"
     onmouseout="this.style.backgroundPosition='right top';"
     onclick="this.style.backgroundPosition='center top';"
     onmouseover="this.style.backgroundPosition='left top';">


    </a>&nbsp;


    <a href="/logout"
     style="background:transparent url('{{ STATIC_URL }}desloguearse.png') no-repeat right top; width:413px; height:55px; display: block;"
     onmouseout="this.style.backgroundPosition='right top';"
     onclick="this.style.backgroundPosition='center top';"
     onmouseover="this.style.backgroundPosition='left top';">
    </a></h6>
</div>
{% endblock %}
